<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>蓝桥在线商城</title>
<%@ include file="/commons/metaf.jsp"%>
<link rel="stylesheet" type="text/css"
	href="${ctx }/cssf/layout.css?id=7" />
<script type="text/JavaScript" src="${ctx }/jsf/index.js"></script>
</head>
<body>
	<div id="container">
		<iframe id="header" src="${ctx }/pagesf/header.jsp" width="980"
			height="136" frameborder="0" scrolling="no"></iframe>
		<div id="main">
			<div class="cat">
			<c:forEach items="${requestScope.typeInfos }" var="infos">
				<div class="typeBlock">
					<ul>
						<h1>${infos.key.name }</h1>
						<c:forEach items="${infos.value }" var="type">
						<li><a href="${ctx }/Goods/list.do?flag=true&typeId=${type.id}">${type.name }</a></li>
						</c:forEach>
					</ul>
				</div>
			</c:forEach>
				<div class="typeBlock" style="height: 100%"></div>
			</div>
			<!--cat end-->
			<div id="content">
				<div class="content_top">
					<div>
						<img src="images/ad-01.jpg" alt="9月新品新气象" id="div1" /> <img
							src="images/ad-02.jpg" alt="流行服饰魅力场" id="div2" /> <img
							src="images/ad-03.jpg" alt="食全食美" id="div3" /> <img
							src="images/ad-04.jpg" alt="outlets开张啦" id="div4" />
					</div>
					<div id="adv">
						<a href="JavaScript:show(1);">1</a>&nbsp;<a class="adv"
							href="JavaScript:show(2);">2</a>&nbsp;<a class="adv"
							href="JavaScript:show(3);">3</a>&nbsp;<a class="adv"
							href="JavaScript:show(4);">4</a>
					</div>
				</div>
				<!-- content_top end -->
				<div class="content_list">
					<dl>
						<dt>
							<img src="images/promote-1.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">惠普商务移动应用英寸笔记本</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="images/promote-2.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">夏新N6 GPS真人语音导航手机 超低特价疯抢 数量有限！</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="images/promote-3.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">三星家庭影院 HT-TZ325 购机送好礼(超值性价比)</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="images/laser-pen.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">明基MP512投影机 2899元 送100元京卷 SVGA 2200流明</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="images/mouse.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">罗技数据1TB移动鼠标729元开抢了！</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="images/earphone.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">海森那尔极品耳机绝对不容错过！</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="images/Wancom.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">亚马逊随时阅读，随时记录，时尚最佳选择！</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="images/Frame.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">优雅相框</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="images/notebook.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">IBM 2009最新上网本，特色尽显</a>
						</dd>
					</dl>
				</div>
				<!-- content_list end -->
			</div>
			<!-- content end -->
			<div class="sidebar">
				<div class="r1"></div>
				<div class="r2">
					<dl>
						<dt>
							<img src="images/show1.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">大牌狂降价，三折直送</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="images/show2.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">大学要求老师开网店</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="images/show5.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">黑眼圈推荐，美白不停</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="images/show4.jpg" alt="alt" />
						</dt>
						<dd>
							<a href="info.htm">瘦身狂潮风，修形之选</a>
						</dd>
					</dl>
				</div>
				<!--r2	end-->
				<div id="tab">
					<div id="tabtitle1" onmouseover="switchMe(1);"></div>
					<div id="tabtitle2" onmouseover="switchMe(2);"></div>
					<div id="tabbody">
						<img src="images/tabbody2.gif" alt="手机充值" />
					</div>
				</div>
			</div>
			<!--sidebar end-->
		</div>
		<!--main end-->

		<iframe id="footer" src="${ctx }/pagesf/footer.jsp" width="980"
			height="150" frameborder="0" scrolling="no"></iframe>
		<div id="pairflag">
			<a class="f_l" href="#" id="advLeft"><img src="images/list1.jpg"
				alt="alt" /></a> <img class="f_l" id="closeLeft" onclick="leftClose();"
				src="images/close.gif" alt="alt" /> <a href="#" class="f_r"
				id="advRight"><img src="images/list2.jpg" alt="alt" /></a> <img
				id="closeRight" class="f_r" onclick="rightClose();"
				src="images/close.gif" alt="alt" />
		</div>
	</div>
	<!--container	end-->
</body>
</html>